<!DOCTYPE html>
<html dir="{{ direction }}" lang="{{ lang }}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ title }}</title>
<base href="{{ base }}" />
{% if description %}
<meta name="description" content="{{ description }}" />
{% endif %}
{% if keywords %}
<meta name="keywords" content="{{ keywords }}" />
{% endif %}
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="assets/css/icons.css" rel="stylesheet" />
<link href="assets/css/plugins.css" rel="stylesheet" />
<link href="assets/css/common.css" rel="stylesheet" />
{% if values %}
<script type="text/javascript">
var $cnoc = {
{% for value in values %}
  "{{ value.code }}" : "{{ value.value }}"{% if not loop.last %},{% endif %}
{% endfor %}
}
</script>
{% endif %}
<script src="assets/js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/plugins.js" type="text/javascript"></script>
<script src="assets/js/common.js" type="text/javascript"></script>
{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
{% endfor %}
{% for script in scripts %}
<script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
{% for link in links %}
<link href="{{ link.href }}" rel="{{ link.rel }}" />
{% endfor %}
{% for analytic in analytics %}
{{ analytic }}
{% endfor %}
</head>
<body class="{{ page_name }}">
{% if notification %}
<div class="alert alert-warning top-notification" role="alert">
  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><i class="icon-cross"></i></button>
  {{ notification }}
</div>
{% endif %}
<div class="site-topbar navbar navbar-inverse">
  <div class="container">
    {{ language }}
    {{ currency }}
    <ul class="nav navbar-nav pull-right">
      {% if logged %}
      <li class="account dropdown">
        <a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i> <span class="hidden-xs">{{ text_account }}</span> <span class="caret"></span></a>
        <ul class="dropdown-menu dropdown-menu-right">
          <li><a href="{{ account }}">{{ text_account }}</a></li>
          <li><a href="{{ order }}">{{ text_order }}</a></li>
          <li><a href="{{ transaction }}">{{ text_transaction }}</a></li>
          <li><a href="{{ download }}">{{ text_download }}</a></li>
          <li><a href="{{ logout }}">{{ text_logout }}</a></li>
        </ul>
      </li>
      {% else %}
      <li class="login"><a href="{{ login }}">{{ text_login }}</a></li>
      <li class="register"><a href="{{ register }}">{{ text_register }}</a></li>
      {% endif %}
      <li class="sep hidden-xs"></li>
      <li class="wishlist hidden-xs"><a href="{{ wishlist }}">{{ text_wishlist }}</a></li>
      <li class="sep hidden-xs"></li>
      <li class="cart hidden-xs"><a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}"><i class="icon-cart"></i> <span class="hidden-xs">{{ text_shopping_cart }}</span></a></li>
    </ul>
  </div>
</div>
<div class="site-header sticky">
  <div class="container">
    <a href="{{ home }}" class="logo">{% if logo %}<img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" />{% else %}{{ name }}{% endif %}</a>
    <button class="navbar-toggle collapsed" data-toggle="collapse" data-target=".nav-main-wrapper"><i class="icon-menu"></i></button>
    {{ cart }}
    {{ search }}
    <div class="sep hidden-xs"></div>
    {{ menu }}
  </div>
</div>
